@charset "UTF-8";

.p-componentFt {
  width: 893px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-componentFt {
    width: 100%
  }
}
.p-componentFt__ttl {
  position: relative;
  text-align: center;
  font-size: 24px;
  font-weight: 700
}
@media screen and (max-width:750px) {
  .p-componentFt__ttl {
    font-size: 17px;
    font-size: 4.53333vw
  }
}
.p-componentFt__ttl:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 32px;
  height: 3px;
  background: #d1b43c;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 15px
}
@media screen and (max-width:750px) {
  .p-componentFt__ttl:after {
    margin-top: 2.66667vw;
    width: 9.06667vw;
    height: 3px
  }
}
.p-componentFt__sub {
  margin-top: 60px;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 5px;
  border-bottom: 1px solid #e2e2e2
}
@media screen and (max-width:750px) {
  .p-componentFt__sub {
    font-size: 15px;
    font-size: 4vw;
    padding-bottom: 2vw;
    width: 92%;
    margin: 10.66667vw auto 0
  }
}
.p-componentFt__sub:before {
  content: "";
  display: inline-block;
  width: 18px;
  padding-top: 18px;
  background: #d1b43c;
  margin-right: 16px
}
@media screen and (max-width:750px) {
  .p-componentFt__sub:before {
    width: 3.06667vw;
    padding-top: 3.06667vw;
    margin-right: 2.13333vw
  }
}
.p-componentFt__txt {
  margin-top: 20px
}
@media screen and (max-width:750px) {
  .p-componentFt__txt {
    width: 92%;
    margin: 2.13333vw auto 0;
    font-size: 13px;
    font-size: 3.46667vw
  }
}
.p-componentFt__txt .bold {
  font-weight: 700
}
.p-componentFt__list {
  margin-top: 20px
}
@media screen and (max-width:750px) {
  .p-componentFt__list {
    width: 92%;
    margin: 2.13333vw auto 0
  }
}
.p-componentFt__item {
  padding-left: 1em;
  text-indent: -1em
}
@media screen and (max-width:750px) {
  .p-componentFt__item {
    font-size: 13px;
    font-size: 3.46667vw
  }
}
.p-componentFtInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 50px auto 0
}
@media screen and (max-width:750px) {
  .p-componentFtInfo {
    margin: 9.33333% auto 0;
    width: 92%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.p-componentFtInfo__prd {
  text-align: center;
  width: 50%
}
.p-componentFtInfo__prd--chondroizer {
  position: relative;
  z-index: 1
}
.p-componentFtInfo__prd--chondroizer .p-componentFtInfo__new {
  left: -10px;
  top: -30px
}
@media screen and (max-width:750px) {
  .p-componentFtInfo__prd--chondroizer .p-componentFtInfo__new {
    left: -18.66667vw;
    top: 0
  }
}
.p-componentFtInfo__prd--chondroizer picture img {
  position: relative;
  z-index: 1
}
@media screen and (max-width:750px) {
  .p-componentFtInfo__prd {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 7% auto 0;
    position: relative
  }
  .p-componentFtInfo__prd--alphadrink {
    width: 19.42029%
  }
  .p-componentFtInfo__prd--zerodrink {
    width: 19.85507%
  }
  .p-componentFtInfo__prd--golddrink {
    width: 46.95652%
  }
  .p-componentFtInfo__prd--iplus {
    width: 45.21739%
  }
  .p-componentFtInfo__prd--idrink {
    width: 46.95652%
  }
  .p-componentFtInfo__prd--chondroizer {
    width: 46.52174%
  }
  .p-componentFtInfo__prd--koshitector {
    width: 46.95652%
  }
  .p-componentFtInfo__prd--pouch {
    width: 50.72464%
  }
}
.p-componentFtInfo__prd--adjust img {
  margin-left: -30px
}
@media screen and (max-width:750px) {
  .p-componentFtInfo__prd--adjust img {
    margin-left: 0
  }
}
@media screen and (max-width:750px) {
  .p-componentFtInfo__prdTag {
    position: absolute;
    bottom: 20%;
    left: 100%;
    margin-left: 7vw
  }
  .p-componentFtInfo__prdTag--alphapremium {
    bottom: 0;
    left: 19%;
    right: unset
  }
  .p-componentFtInfo__prdTag--golddrink {
    margin-left: -5vw
  }
  .p-componentFtInfo__prdTag--idrink {
    margin-left: -5vw
  }
  .p-componentFtInfo__prdTag--alphadrink {
    margin-left: -5vw
  }
}
.p-componentFtInfo__prdTag span {
  font-size: 12px;
  border: 1px solid #000;
  padding: 2px 3px
}
@media screen and (max-width:750px) {
  .p-componentFtInfo__prdTag span {
    font-size: 9px;
    font-size: 2.4vw;
    padding: .5vw 2vw;
    display: block;
    white-space: nowrap
  }
}
.p-componentFtInfo__tBox {
  width: 50%
}
@media screen and (max-width:750px) {
  .p-componentFtInfo__tBox {
    width: 100%
  }
}
.p-componentFtInfo__txt {
  margin-top: 30px;
  line-height: 1.8125;
  display: none
}
@media screen and (max-width:750px) {
  .p-componentFtInfo__txt--sp {
    display: block;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
  .p-componentFtInfo__txt--indent {
    width: 100%;
    margin-top: 0;
    padding-left: 1.7em;
    text-indent: -1.7em
  }
  .p-componentFtInfo__txt--spPouch {
    width: 100%;
    display: block;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
}
.p-componentFtInfo__choiceBtn {
  display: none
}
@media screen and (max-width:750px) {
  .p-componentFtInfo__choiceBtn {
    display: block;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 54.66667vw;
    margin: 6.66667vw auto 0
  }
}
@media screen and (max-width:750px) {
  .p-componentFtInfo__choiceBtn--self {
    width: 92vw
  }
}
.p-componentFtInfo__new {
  position: absolute;
  z-index: 0
}
@media screen and (max-width:750px) {
  .p-componentFtInfo__new img {
    width: 15.73333vw
  }
}
.p-componentFtInfoTBox__sub {
  font-size: 22px;
  font-weight: 700;
  margin-top: 10px
}
@media screen and (max-width:750px) {
  .p-componentFtInfoTBox__sub {
    font-size: 16px;
    font-size: 4.26667vw;
    margin-top: 2%;
    text-align: center
  }
}
.p-componentFtInfoTBox__sub--red {
  color: #b22721
}
.p-componentFtInfoTBox__sub--blue {
  color: #004c9c
}
.p-componentFtInfoTBox__sub--green {
  color: #287a30
}
.p-componentFtInfoTBox__ttl {
  margin-top: 20px
}
.p-componentFtInfoTBox__ttl--iplus {
  width: 85.07246%
}
@media screen and (max-width:750px) {
  .p-componentFtInfoTBox__ttl {
    margin: 3% auto 0
  }
  .p-componentFtInfoTBox__ttl--alphapremium {
    width: 84.05797%
  }
  .p-componentFtInfoTBox__ttl--alphadrink {
    width: 59.56522%
  }
  .p-componentFtInfoTBox__ttl--zerodrink {
    width: 68.55072%
  }
  .p-componentFtInfoTBox__ttl--golddrink {
    width: 63.18841%
  }
  .p-componentFtInfoTBox__ttl--iplus {
    width: 85.07246%
  }
  .p-componentFtInfoTBox__ttl--idrink {
    width: 55.50725%
  }
  .p-componentFtInfoTBox__ttl--chondroizer {
    width: 83.62319%
  }
  .p-componentFtInfoTBox__ttl--koshitector {
    width: 83.62319%
  }
}
.p-componentFtInfoTBox__buyName {
  margin-top: 5px
}
@media screen and (max-width:750px) {
  .p-componentFtInfoTBox__buyName {
    text-align: center;
    margin-top: 3%
  }
}
.p-componentFtInfoTBox__txt {
  margin-top: 30px;
  line-height: 1.8125
}
.p-componentFtInfoTBox__txt--indent {
  width: 100%;
  margin-top: 0;
  padding-left: 1.7em;
  text-indent: -1.7em
}
@media screen and (max-width:750px) {
  .p-componentFtInfoTBox__txt {
    display: none
  }
  .p-componentFtInfoTBox__txt--sp {
    display: block;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
}
.p-componentFtInfoTBox__choiceBtn {
  margin-top: 25px
}
@media screen and (max-width:750px) {
  .p-componentFtInfoTBox__choiceBtn {
    display: none
  }
}
@media print,
screen and (min-width:751px) {
  .p-componentFtInfoTBox__symptomsContentLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
  }
}
@media screen and (max-width:750px) {
  .p-componentFtInfoTBox__symptomsContentLink {
    margin-top: 6.66667vw;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: 54.66667vw
  }
}
@media screen and (max-width:750px) {
  .p-componentFtInfoTBox__symptomsContentLink--pc {
    display: none
  }
}
@media print,
screen and (min-width:751px) {
  .p-componentFtInfoTBox__symptomsContentLink--sp {
    display: none
  }
}
@media print,
screen and (min-width:751px) {
  .p-componentFtInfoTBox__symptomsContentLink li {
    width: 177px
  }
}
@media screen and (max-width:750px) {
  .p-componentFtInfoTBox__symptomsContentLink li {
    width: 100%
  }
}
@media print,
screen and (min-width:751px) {
  .p-componentFtInfoTBox__symptomsContentLink li:not(:first-child) {
    margin-left: 10px
  }
}
@media screen and (max-width:750px) {
  .p-componentFtInfoTBox__symptomsContentLink li:not(:first-child) {
    margin-top: 10px
  }
}
.p-componentFtTable {
  margin-top: 20px;
  width: 100%;
  border: 1px solid #c6c6c6;
  border-collapse: collapse
}
@media screen and (max-width:750px) {
  .p-componentFtTable {
    width: 92%;
    margin: 2.66667% auto
  }
}
.p-componentFtTable th {
  width: 50%;
  height: 66px;
  vertical-align: middle;
  background: #faf8f1;
  text-align: center;
  border: 1px solid #c6c6c6
}
@media screen and (max-width:750px) {
  .p-componentFtTable th {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-componentFtTable th:last-child {
  border-right: none
}
.p-componentFtTable td {
  vertical-align: middle;
  padding: 24px 40px;
  border: 1px solid #c6c6c6
}
@media screen and (max-width:750px) {
  .p-componentFtTable td {
    font-size: 12px;
    font-size: 3.2vw;
    padding: 5.33333vw 2.66667vw
  }
}
@media screen and (max-width:750px) {
  .p-componentFtTable td:first-child {
    padding: 5.33333vw 2.66667vw
  }
}
.p-componentFtTable td:last-child {
  border-right: none
}
.p-componentFtTable td.borderR {
  border-right: 1px solid #c6c6c6
}
.p-componentFtTable td.mid {
  width: 293px
}
@media screen and (max-width:750px) {
  .p-componentFtTable td.mid {
    width: 32.6087%
  }
}
.p-componentFtTable td.short {
  width: 153px;
  text-align: center
}
@media screen and (max-width:750px) {
  .p-componentFtTable td.short {
    width: 17.10145%
  }
}
.p-componentFtOther {
  margin-top: 20px
}
@media screen and (max-width:750px) {
  .p-componentFtOther {
    width: 92%;
    margin: 3.2vw auto 0;
    font-size: 11px;
    font-size: 2.93333vw
  }
}